import { Button, Table } from 'antd'
import { FC } from 'react'
// import { Link } from 'react-router-dom'

// import AppDataModification from './AppDataModification'

const AppData: FC = () => {
  const dataSource = [
    {
      name: '商家ID',
      key: 1,
      address: '88889999',
    },
    {
      name: '营业执照',
      key: 2,
      address: '合格营业',
    },
    {
      name: '其他资质',
      key: 3,
      address: '合格营业',
    },
    {
      name: '商户商标',
      key: 4,
      address: '合格营业',
    },
    {
      name: '所属行业',
      key: 5,
      address: '餐饮美食',
    },
    {
      name: '城市',
      key: 6,
      address: '广东省 广州市 越秀区',
    },
    {
      name: '地址',
      key: 7,
      address: '东园横路1号',
    },
    {
      name: '联系电话',
      key: 8,
      address: '188123455678',
    },
    {
      name: '联系人',
      key: 9,
      address: '十月大神',
    },
  ]
  
  const columns = [
    {
      title: '商家名称',
      key: 'name',
      dataIndex: 'name',
      // address: '<input type="text" />',
    },
    {
      title: '十月大神商家',
      key: 'address',
      dataIndex: 'address',
      // 注意：跳转编辑页
      // reder: 
    }
  ]
 
  return (
    <>
      <div className="appData">
        <Table dataSource={dataSource} columns={columns} bordered size={'middle'} pagination={ false } />     
      </div>     
      <Button className='appdata-button' danger type="primary" >编辑</Button>
    </>
  )
}
 
export default AppData